/* 颜色 */
$-color-primary: #fdfdfd;
$-color-hover: #FF8A00;
$-color-hover-bg: rgba(1, 223, 245, .1);
$-color-active: #23e0f1;
$-color-white: #fff;
$-color-yellow: #ffba00;
$-color-green: #05ea2b;
$-color-blue: #0068ff;
$-color-black: #333;
$-color-border-1: rgba(1, 223, 245, .1);
$-color-border-2: rgba(1, 223, 245, .5);
$-color-border-3: rgba(1, 223, 245, .3);
$-color-border-4: rgba(1, 223, 245, .2);
$-color-line: rgba($-color-primary, 0.3);
$-color-placeholder: #4f9faa;
$-color-popover-bg: rgba(0, 66, 153, 0.9);
$-color-background:rgba(1, 223, 245, 0.1);
$-color-mask-bg: rgba(0, 0, 0, .5);
$-color-dialog-bg: #051418;
$-color-container-bg: rgba($-color-dialog-bg, .9);
$-color-text-1: mix($-color-primary, $-color-white, 40%);
// $-color-container-bg: rgba(0, 0, 0, .4);

// 渐变色
$-color-gradient-cyan: linear-gradient(45deg, #01f5c0, #01dff5);
$-color-gradient-blue: linear-gradient(45deg, #18adff, #0069ff);
$-color-gradient-normal: linear-gradient(45deg, rgba(4, 57, 65, 1), rgba(4, 57, 65, 0));
$-color-gradient-warning: linear-gradient(45deg, rgba(93, 70, 18, 1), rgba(93, 70, 18, 0));
$-color-gradient-danger: linear-gradient(45deg, rgba(87, 27, 27, 1), rgba(87, 27, 27, 0));
$-color-gradient-dropdown-menu: linear-gradient(to top, rgba(0, 55, 61, .8), rgba(1, 21, 24, .8));
/*字体*/
$font-size: 14px;
$border-radius: 4px;
// 字体颜色
$-color-text-title:#00d1ff;
$-color-text:#0bd9ff;
$-color-text-empty:#909399;
$-color-text-hover:#ff8a00;
/* 投影 */
$shadow-small: 0 2px 4px rgba(0, 0, 0, .05);
$shadow-inset: 0 0 15px rgba(35, 224, 241, .5) inset;


// 标题栏背景
$title-background-color:rgb(241, 110, 3);
$title-background:linear-gradient(to right, rgba(5, 134, 194, 0.5), rgba(17, 63, 85, 0.5));
$title-background-warning:linear-gradient(to right, rgba(194, 118, 5, 0.863), rgba(85, 72, 17, 0.219));
$title-background-error:linear-gradient(to right, rgba(192, 38, 11, 0.658), rgba(192, 38, 11, 0.219));
$title-button:rgba(51, 201, 247, 0.7);
$title-button-hover:rgba(51, 201, 247, 1);


// 使用 export 导出变量，可以在 .js 文件中使用
:export {
  colorPrimary: $-color-primary;
  colorHover: $-color-hover;
}
